import { Breadcrumb } from 'antd';

import Structure from './structure';
import Content from './content';

import styles from './index.less';

const KnowledgeDetail = () => {
    return (
        <div className={styles.wrapper}>
            <div className={styles.left}>
                <Structure editable={false} />
            </div>
            <div className={styles.right}>
                <div className={styles.breadcrumb}>
                    <Breadcrumb>
                        <Breadcrumb.Item>
                            <a href="/">首页</a>
                        </Breadcrumb.Item>
                        <Breadcrumb.Item>
                            <a href="/knowledge">知识库</a>
                        </Breadcrumb.Item>
                        <Breadcrumb.Item>知识详情</Breadcrumb.Item>
                    </Breadcrumb>
                </div>
                <div className={styles.content}>
                    <Content />
                </div>
            </div>
        </div>
    );
};

export default KnowledgeDetail;
